<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>input</title>
</head>
<body>
    <h1>input</h1>
    <hr>
 <input type="text name="sousuo" id="s">   <!--自动获焦 -->


<hr>

<button onclick="selectAll()">全选</button> 
<button onclick="copyAll()">全选复制</button>
    <!-- 使用前应当先new一个对象 导入 js 链接 然后 定义一个 data-clipboard-suffix类的属性名 -->
<button class="btn" data-clipboard-target="#content"> 复制(clip) </button>

<textarea name="weibo" id="content" cols="30" rows="10">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque provident dignissimos vitae recusandae, quae tempore necessitatibus, id labore officia nesciunt, aliquam iure unde minima amet impedit magnam libero cum maxime a nisi adipisci obcaecati omnis. Accusamus, modi voluptatem. Voluptate dolore provident, cum sequi pariatur modi repudiandae doloremque veniam corrupti voluptatem repellendus dignissimos. Eligendi voluptatum ut ipsum iusto similique quae, repudiandae repellat omnis minima ipsa expedita dignissimos nisi id consectetur a sequi doloremque quidem eveniet porro, libero excepturi rerum fuga animi iure. Repellat aperiam ea quis ipsa odio saepe beatae magni voluptate. Maiores aliquid quod voluptate aut obcaecati ipsum alias quidem!
</textarea>
        <!-- 这边 加载copy的js接口 为下面 new clipboardJS做准备 -->
<script src="./dist/clipboard.min.js"></script>
<!-- clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。
可以在浏览器和 Node 环境中使用。
支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+ -->
<script>
    s.focus();
    // 搜索功能
    function selectAll(){
        content.select();
    }

    // 复制功能
    function copyAll(){
        // 判断是否是IE
        if (window.clipboardData) {
            // IE
            clipboardData.setData('text',content.value);
            alert('已黏贴到板');
        } else {
            //非IE
            content.select();
            alert('请按Ctrl + C 复制')
        }
    }

    var clipboard = new ClipboardJS('.btn');
    console.log(clipboard);

    clipboard.on('success',function(e){
        alert('已复制到剪切板(clipboard)');
        console.log();
    })


</script>  
    

</body>
</html>